<!--
 * @文件名称：  selectDemo.vue
 * @包路径：
 * @版权所有： 小树苗 (C) 2020
 *
 * @文件描述:
 * @版本:
 * @作者        zhangshumiao
 * @创建时间    2020/5/14 7:45
 *
 * @修改记录：
  -----------------------------------------------------------------------------------------------
   ----------- 时间      |   修改人    |     修改的方法       |         修改描述   ---------------
  -----------------------------------------------------------------------------------------------
-->
<template>
  <el-row>
    <div v-for="(item, index) in list" :key="index">
      <p>{{item.name}}</p>
      <el-select v-model="models[index]" placeholder="请选择" @change="selectClick">
        <el-option
          v-for="itemval in item.listDepart"
          :key="itemval.id"
          :label="itemval.value"
          :value="itemval.id">
        </el-option>
      </el-select>
    </div>
  </el-row>
</template>

<script>
export default {
  name: 'selectDemo',
  data() {
    return {
      list: [
        {
          name: '张三',
          listDepart: [
            {
              id: 1,
              value: '可是1'
            },
            {
              id: 2,
              value: '可是2'
            },
            {
              id: 3,
              value: '可是3'
            },
          ]
        },
        {
          name: '李四',
          listDepart: [
            {
              id: 4,
              value: '可是4'
            },
            {
              id: 5,
              value: '可是5'
            },
            {
              id: 6,
              value: '可是6'
            },
          ]
        }
      ],
      models: Array(2).fill(''),
    }
  },
  methods: {
    selectClick(e) {
      console.log(e);
      // https://www.zhihu.com/question/306825754
      // element遍历多个select下拉框
    }
  }
}
</script>

<style>

</style>
